
<div class="layui-card layadmin-header">
    <div class="layui-breadcrumb" lay-filter="breadcrumb">
      <a lay-href="">主页</a>
      <a><cite>资金账户流水</cite></a>
    </div>
  </div>
  
  <div class="layui-fluid">
    <div class="layui-card">
      <div class="layui-tab layui-tab-brief">
        <ul class="layui-tab-title">
          <li class="layui-this">资金账户流水</li>
        </ul>
        <div class="layui-tab-content">
          <div class="layui-tab-item layui-show">
            <div class="layui-row">
              <div class="layui-form" style="float:right;">
                <div class="layui-form-item" style="margin:0;">
                  <div class="layui-input-inline">
                    <input type="text" name="createTimeStart" id="createTimeStart" autocomplete="off" placeholder="开始时间" class="layui-input">
                  </div>
                  <div class="layui-input-inline">
                    <input type="text" name="createTimeEnd" id="createTimeEnd" autocomplete="off" placeholder="结束时间" class="layui-input">
                  </div>
                  <div class="layui-input-inline">
                    <input type="text" name="mchId" id="mchId" placeholder="商户ID" autocomplete="off" class="layui-input">
                  </div>
                  <div class="layui-input-inline">
                    <input type="text" name="agentId" id="agentId" placeholder="代理商ID" autocomplete="off" class="layui-input">
                  </div>
                  <div class="layui-input-inline">
                    <input type="text" name="orderId" id="orderId" placeholder="业务单号" autocomplete="off" class="layui-input">
                  </div>
                  <div class="layui-input-inline">
                    <select name="fundDirection" id="fundDirection" lay-search="">
                      <option value="">资金变动方向</option>
                      <option value="1">加款</option>
                      <option value="2">减款</option>
                    </select>
                  </div>
                  <div class="layui-input-inline">
                    <select name="bizType" id="bizType" lay-search="">
                      <option value="">业务类型</option>
                      <option value="1">支付</option>
                      <option value="2">提现</option>
                      <option value="3">调账</option>
                      <option value="4">充值</option>
                      <option value="5">差错处理</option>
                      <option value="6">代付</option>
                    </select>
                  </div>
                  <button id="search" class="layui-btn" data-type="reload">搜索</button>
                </div>
              </div>
            <div class="layui-form-item" style="padding-top: 15px;">
              <blockquote class="layui-elem-quote" id="amountTip">
                 总笔数:<sapn id="totalCount" style="color: blue; margin-right: 10px;"></sapn>
                 代理商利润:<span id="totalAgentProfit" style="color: green; margin-right: 10px;"></span>
                 平台利润:<span id="totalPlatProfit" style="color: green; margin-right: 10px;"></span>
              </blockquote>
            </div>
            </div>
            <div class="layui-row">
              <div class="layuiAdmin-btns" style="margin-bottom: 10px;">
              </div>
            </div>
            <table id="zjdataAll" lay-filter="zjdataAll"></table>
          </div>
  
        </div>
      </div>
    </div>
  </div>
  
  <script type="text/html" id="jeepayBa">
    <a class="layui-btn layui-btn-primary layui-btn-xs" lay-event="detail">查看</a>
  </script>
  
  <script>
    layui.use(['admin', 'table', 'util', 'laydate'], function(){
      var $ = layui.$
        ,admin = layui.admin
        ,table = layui.table
        ,element = layui.element
        ,laydate = layui.laydate
        ,form = layui.form;
  
      element.render('breadcrumb', 'breadcrumb');
      $.setCountResult = function(mchId, agentId, orderId, bizType, createTimeStart, createTimeEnd) {
	    admin.req({
	      type: 'get',
	      url: layui.setter.baseUrl + '/account/count',
	      data: {
	        mchId : mchId,
	        agentId : agentId,
	        orderId : orderId,
	        bizType : bizType,
	        createTimeStart : createTimeStart,
	        createTimeEnd : createTimeEnd
	      },
	      error: function(err){
	        layer.alert(JSON.stringify(err.field), {
	          title: '错误提示'
	        })
	      },
	      success: function(res){
	        if(res.code == 0){
	          $('#totalCount').html(res.data.totalCount);
	          $('#totalAgentProfit').html("￥" + res.data.totalAgentProfit/100.00);
	          $('#totalPlatProfit').html("￥" + res.data.totalPlatProfit/100.00);
	        }
	      }
	    });
	  };

      var tplAmount = function(d){
        if(d.fundDirection == 1) {
          return "<span style='color: darkgreen'>+ " + d.amount/100 + "</span>";
        }else if(d.fundDirection == 2) {
          return "<span style='color: orangered'>- " +  d.amount/100 + "</span>";
        }
      };

      // 初始化统计结果
  	  $.setCountResult();

      //商户列表
      table.render({
        elem: '#zjdataAll'
        ,url: layui.setter.baseUrl + '/account/history_list' //列表接口
        ,where: {
            access_token: layui.data(layui.setter.tableName).access_token
        }
        ,id: 'tableReload'
        ,page: true
        ,cols: [[
          {type: 'checkbox', fixed: 'left'}
          ,{field: 'mchId', title: '商户ID'}
          ,{field: 'balance',title: '变更前余额(元)',templet: '<div>{{d.balance/100}}</div>'}
          ,{field: 'amount',title: '变更金额(元)',templet: tplAmount}
          ,{field: 'balance',title: '变更后余额(元)',templet: '<div>{{d.afterBalance/100}}</div>'}
          ,{field: 'bizType',title: '业务类型',templet: '<div>{{d.bizType == 1?"支付":d.bizType == 2?"提现":d.bizType == 3?"调账":d.bizType == 4?"充值":d.bizType == 5?"差错处理":d.bizType == 6?"代付":""}}</div>'}
          ,{field: 'orderId',title: '业务订单' ,width: 270}
          ,{field: 'orderAmount',title: '订单金额(元)',templet: '<div>{{d.orderAmount/100}}</div>'}
          ,{field: 'fee',title: '手续费(元)',templet: '<div>{{d.fee/100}}</div>'}
          ,{field: 'createTime', title: '时间', width: 200, templet: '<div>{{ layui.util.toDateString(d.createTime, "yyyy-MM-dd HH:mm:ss") }}</div>'}
          ,{field: 'edit', title: '操作', toolbar: '#jeepayBa' }
        ]]
        ,skin: 'line'
      });
  
      //监听工具条
      table.on('tool(zjdataAll)', function(obj){
        var data = obj.data;
        if(obj.event === 'detail'){
          location.href = layui.setter.baseLocal + "merchant/history/detail/id=" + data.id;
        } 
      });
  
      // 搜索
      var $ = layui.$, active = {
        reload: function(){
          var createTimeStart = $('#createTimeStart').val();
          var createTimeEnd = $('#createTimeEnd').val();
          var orderId = $('#orderId').val();
          var mchId = $('#mchId').val();
          var agentId = $('#agentId').val();
          var fundDirection = $("#fundDirection").val();
          var bizType = $("#bizType").val();

          $.setCountResult(mchId, agentId, orderId, bizType, createTimeStart, createTimeEnd);
          //执行重载
          table.reload('tableReload', {
            page: {
              curr: 1 //重新从第 1 页开始
            }
            ,where: {
              mchId: mchId,
              agentId: agentId,
              orderId: orderId,
              fundDirection: fundDirection,
              createTimeStart : createTimeStart,
              createTimeEnd : createTimeEnd,
              bizType : bizType
            }
          });
        }
      };
      $('#search').on('click', function() {
        var type = $(this).data('type');
        active[type] ? active[type].call(this) : '';
      });

      laydate.render({
        elem: '#createTimeStart'
        ,type: 'datetime'
        ,format: 'yyyy-MM-dd HH:mm:ss'
      });

      laydate.render({
        elem: '#createTimeEnd'
        ,type: 'datetime'
        ,format: 'yyyy-MM-dd HH:mm:ss'
      });
  
      // 渲染表单
      form.render();
    });
  </script>